<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title th:text="${job.getEdu()}"></title>

    <link rel="shortcut icon" type="image/x-icon" href="/zfile/images/favicon.ico">
    <link rel="stylesheet" href="/zfile/css/animate.css" />
    <link rel="stylesheet" href="/zfile/css/et-lineicons.css" />
    <link rel="stylesheet" href="/zfile/css/themify-icons.css" />
    <link rel="stylesheet" href="/zfile/css/bootstrap.css" />
    <link rel="stylesheet" href="/zfile/css/flexslider.css" />
    <link rel="stylesheet" href="/zfile/css/style.css" />
    <link rel="stylesheet" href="/zfile/css/my.css" />
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="/zfile/js/respond.min.js"></script>
    <![endif]-->
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="50">
<div id="addo-page">
    <a href="#" class="js-addo-nav-toggle addo-nav-toggle"><i></i></a>
    <!-- Sidebar Section -->
    <nav th:insert="~{index :: aside}"></nav>
    <!-- Main Section -->
    <div id="addo-main">
        <!-- About Section -->
        <div id="about" class="section">
            <div class="addo-about">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="heading-meta" th:text="${job.getEdu()}"></span>
                            <a class="qq"
                               href="/#news"
                            >返回上一页
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-5">
                            <img
                                    th:src="@{'/zfile/'+${job.getImg()}}"
                                    class="img-fluid mb-30 animate-box"
                                    data-animate-effect="fadeInLeft"
                                    alt=""
                            />
                        </div>
                        <div
                                class="col-md-7 animate-box"
                                data-animate-effect="fadeInLeft"
                        >
                            <span class="heading-meta">ABOUT</span>
                            <h2 class="cd-headline clip">
                                <span th:text="${job.getEduSchool()}"></span>
                            </h2>
                            <p th:text="${job.getIntroduce()}">
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer -->
        <div id="addo-footer2" class="section">
            <div class="addo-narrow-content">
                <div class="row">
                    <div
                            class="col-md-4 animate-box fadeInLeft animated"
                            data-animate-effect="fadeInLeft"
                    >
                        <p class="addo-lead">Copyright &copy; 2022.Godz 为梦想而战斗</p>
                    </div>
                    <div
                            class="col-md-4 animate-box fadeInLeft animated"
                            data-animate-effect="fadeInLeft"
                    >
                        <h2 class="text-center">Godz<br /><span>内容简介</span></h2>
                    </div>
                    <div
                            class="col-md-4 animate-box fadeInLeft animated"
                            data-animate-effect="fadeInLeft"
                    >
                        <ul class="social-network">
                            <li>Java</li>
                            <li>PHP</li>
                            <li>C++</li>
                            <li>PS</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Js -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr-2.6.2.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/animated.headline.js"></script>
<script src="js/sticky-kit.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
